<template>
  <div>
    <h2>Detail 1</h2>
    <p class="test">This is the content of Detail 1.</p>
    <img :src="testImage" alt="">
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import testImage from '@/assets/images/test.png'

export default defineComponent({
  name: 'Detail1',
  setup() {
    return {
      testImage
    };
  }
});
</script>
<style lang="less" scoped>
@import "@/assets/style/index.less";
.test {
  background-color: @background-color;
  font-size: @font-size;
}
</style>
